<template>
  <view class="agreement-page">
    <view class="agreement-title">{{ pageTitle }}</view>
    <scroll-view scroll-y class="agreement-content">
      <view v-if="type == 0">
        <!-- <view class="section-title">用户协议</view> -->
        <view class="section-text">
          欢迎您使用本平台服务。请您仔细阅读以下用户协议内容，若您选择继续使用，表示您已同意本协议全部条款。
          <div>1. 用户须遵守国家法律法规，不得利用本平台从事违法活动。</div>
          <div>2. 用户应妥善保管账号信息，因账号泄露造成的损失由用户自行承担。</div>
          <div>3. 本平台有权根据运营需要对服务内容进行调整或终止，并提前公告。</div>
          <div>4. 更多详细条款请以实际页面为准。</div>
        </view>
        <!-- 富文本 -->
        <!-- <rich-text :nodes="xieYi" class="u-mt-sm" style="font-size: 28rpx;"></rich-text> -->
      </view>
      <view v-else>
        <!-- <view class="section-title">隐私政策</view> -->
        <view class="section-text">
          我们非常重视您的个人信息和隐私保护。请您仔细阅读以下隐私政策内容。
          <div>1. 我们仅会在法律允许或征得您同意的情况下收集和使用您的信息。</div>
          <div>2. 我们不会收集、使用或保存您的个人隐私信息。</div>
          <div>3. 我们不会将您的信息用于其他用途。</div>
          <div>4. 更多详细内容请以实际页面为准。</div>
        </view>
        <!-- 富文本 -->
        <!-- <rich-text :nodes="yinsi" class="u-mt-sm" style="font-size: 28rpx;"></rich-text> -->
      </view>
    </scroll-view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
// import {getXieYi,getYinsi} from '@/api/mine/index.js'
import {onLoad} from '@dcloudio/uni-app'
const type = ref(0)
const pageTitle = ref('用户协议')


onLoad((option) => {
  type.value = Number(option.type) || 0
  pageTitle.value = type.value == 0 ? '用户协议' : '隐私政策'
  // if (type.value == 0) {
  //   getXieYi().then(res => {
  //     xieYi.value = res.data.data || ''
  //   }).catch(err => {
  //     console.error('获取用户协议失败:', err)
  //   })
  // } else {
  //   getYinsi().then(res => {
  //     yinsi.value = res.data.data || ''
  //   }).catch(err => {
  //     console.error('获取隐私政策失败:', err)
  //   })
  // }
})
const xieYi = ref('')
const yinsi = ref('')

</script>

<style lang="scss" scoped>
.agreement-page {
  background: #fff;
  min-height: 100vh;
  padding: 0 32rpx;
}
.agreement-title {
  font-size: 34rpx;
  font-weight: bold;
  color: #165dff;
  text-align: center;
  margin: 48rpx 0 32rpx 0;
}
.agreement-content {
  max-height: 80vh;
  padding-bottom: 40rpx;
}
.section-title {
  font-size: 28rpx;
  font-weight: bold;
  color: #165dff;
  margin-bottom: 18rpx;
}
.section-text {
  font-size: 26rpx;
  color: #555;
  line-height: 1.8;
  white-space: pre-line;
}
</style>